<template>
	<view class="pay-success">
		<view class="desc-text flex-column ac">
			<image src="../../static/img/pay_success.svg" mode="aspectFit"></image>
			<text class="fs-13 gray_font">恭喜下单成功，期待你下次光临！</text>
		</view>
		<view class="next-page flex-column align_center">
			<navigator v-if="type==1" url="/pages/tabar/order"><view class="look">查看订单</view></navigator>
			<navigator v-else url="/pages/fw/lists"><view class="look">查看订单</view></navigator>
			<navigator open-type="switchTab" url="../tabar/index"><view class="back">返回首页</view></navigator>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				type:1
			}
		},
		onHide(){
				getApp().globalData.isReload=true;
		},
		
		onLoad(e) {
			if(e.type){
				this.type=e.type;
			}
		}
	}
</script>

<style  lang="scss">
	page{background: white;}
	.pay-success {

		.desc-text {
			padding-top:80rpx;
			align-items: center;

			text {
				width: 578rpx;
				text-align: center;
				margin: 60rpx 0 40rpx;
			}
		}

		image {
			width: 100%;
			height: 500rpx;
		}


	}

	.next-page view {
		width: 256rpx;
		height: 70rpx;
		line-height: 70rpx;
		text-align: center;
		
		box-sizing: border-box;
		border-radius: 35rpx;

	}
	.look {
		background: $m-c;
		color: white;
	}

	.back {
		color:$m-c;
		border: 1px solid $m-c;
		margin-top: 29rpx ;
	}
</style>
